<template>
  <div v-if="taskData.equipment_ids!=0">
    <el-card class="box-card">
      <div v-if="taskData.task_type == '数据爬取'" slot="header" class="clearfix">
        <span>爬取条件</span>
      </div>
      <div v-if="taskData.task_code" class="text item">
        <div class="item-label">任务编号:</div>
        <div class="item-value">{{ taskData.task_code }}</div>
      </div>
      <div v-if="taskData.letter" class="text item">
        <div class="item-label">所属根任务:</div>
        <div class="item-value">{{ taskData.letter }}</div>
      </div>
      <div v-if="taskData.task_name" class="text item">
        <div class="item-label">任务类型:</div>
        <div class="item-value">{{ taskData.task_name }}</div>
      </div>
      <div v-if="taskData.group_names" class="text item">
        <div class="item-label">使用分组:</div>
        <div class="item-value">{{ taskData.group_names }}</div>
      </div>
      <div v-if="taskData.device_num" class="text item">
        <div class="item-label">设备任务总台数:</div>
        <div class="item-value">{{ taskData.device_num }}台</div>
      </div>
    </el-card>

    <dlist2 :id="taskData.id" />
  </div>
</template>

<script>
import dlist2 from '@/components/Device/dlist2'

export default {
  name: 'TaskDataDetail',
  components: {
    dlist2
  },
  props: {
    taskData: {
      type: Object,
      default: () => ({
        a: 1,
        b: 2
      })
    }
  },
  data() {
    return {
      // loading: false,
      // datas: [],
      // height: 650,

      // count: 0,
      // query: {
      //   page:1,
      //   limit:15,
      // },
    }
  },
  created() {
    // console.log("created:",this.taskData)
    // this.list()
  },
  methods: {
    // // 列表
    // list() {
    //   this.loading = true

    //   this.query.search_field="task_id"
    //   this.query.search_value=this.taskData.task_code

    //   list(this.query).then(res => {
    //     this.datas = res.data.list
    //     this.count = res.data.count
    //     this.loading = false
    //   }).catch(() => {
    //     this.loading = false
    //   })
    // },
  }
}
</script>

<style>
    .text.item {
        display: flex;
        height: 30px;
        align-items: center;
    }
</style>
